<template>
  <div class="cont">
    <h2>{{ title }}</h2>
    <slot :games="games"></slot>
  </div>
  
</template>

<script>
export default {
  name: 'CategoryC',
  props:['title'],
  data() {
    return {
      games: ['穿越火线', '劲舞团', '超级玛莉亚', '英雄联盟'],
    }
  }
}
</script>

<style scoped>
.cont {
  width: 200px;
  height: 300px;
  background-color: #ccc;
  margin-right: 15px;
}
h2 {
    background-color: orange;
    text-align: center;
}
ul li {
  list-style: none;
}
</style>